﻿.foo {} /* validator on webrichtlijnen.nl requires the file to start with a selector, not a comment */

/*
	TABLE OF CONTENTS:
	- Browser reset		Removes most browser differences
	- HTML elements		Styling of tags
	- Generic content	Styling for text created with rich text editors
	- Main containers	Styling of all containers and its content
	- Div popup			Styling of in-page popups
	- Form				All styling of forms
	- General			Styles that are not confined to a specific container
	- Page				All style resets that start with "body.ClassName"
	- CMS				Styles that are used in the page editor of the CMS
	- Hacks				Mainly Firefox hack
	- Development		Temporary styling needed during development
	- Print				Extra styling in case the page is printed
 */






/*
 * Begin browser reset
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0
}
html {
	height:100%;
	overflow-x:auto
}
table {
	border:0;
	border-collapse:collapse;
	border-spacing:0
}
fieldset,img {
	border:0
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal
}
em,cite {
	font-style:italic
}
strong {
	font-weight:bold
}
ol,ul {
	list-style:none
}
caption,th {
	text-align:left
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:0
}
q:before,q:after {
	content:''
}
abbr,acronym {
	border:0
}

/*
 * End browser reset
 */






/*
 * Begin HTML elements
 */

@font-face {
	font-family: 'ITCLubalinGraphStdBook';
	src: url('fonts/lubalingraphstd-book-webfont.eot');
	src: local('☺'), url('fonts/lubalingraphstd-book-webfont.woff') format('woff'), url('fonts/lubalingraphstd-book-webfont.ttf') format('truetype'), url('fonts/lubalingraphstd-book-webfont.svg#webfontz03bjOLi') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ITCLubalinGraphStdBookOblique';
	src: url('fonts/lubalingraphstd-bookoblique-webfont.eot');
	src: local('☺'), url('fonts/lubalingraphstd-bookoblique-webfont.woff') format('woff'), url('fonts/lubalingraphstd-bookoblique-webfont.ttf') format('truetype'), url('fonts/lubalingraphstd-bookoblique-webfont.svg#webfontOOK4FBqn') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ITCLubalinGraphStdDemi';
	src: url('fonts/lubalingraphstd-demi-webfont.eot');
	src: local('☺'), url('fonts/lubalingraphstd-demi-webfont.woff') format('woff'), url('fonts/lubalingraphstd-demi-webfont.ttf') format('truetype'), url('fonts/lubalingraphstd-demi-webfont.svg#webfontdQ1VB91K') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ITCLubalinGraphStdDemiOblique';
	src: url('fonts/lubalingraphstd-demioblique-webfont.eot');
	src: local('☺'), url('fonts/lubalingraphstd-demioblique-webfont.woff') format('woff'), url('fonts/lubalingraphstd-demioblique-webfont.ttf') format('truetype'), url('fonts/lubalingraphstd-demioblique-webfont.svg#webfontAU8tXdNW') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	background:#fff  url(/images/bg_topbar.png) 0 0 repeat-x;
}
body.inFrame {
	background:none;
}

body,
input,
select,
textarea {
	color: #333;
	font: normal 14px/1.5em Tahoma, Arial, Helvetica, sans-serif;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
select {
	height: 1.5em;
}

a:link,
a:hover,
a:active,
a:visited {
	color: #333;
}
a:hover,
a:focus {
	text-decoration: none;
}

p {
	margin: 0 0 1em 0;
}

ul,
ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*
 * End HTML elements
 */






/*
 * Begin generic content
 */

*.genericContent table,
*.genericContent p,
*.genericContent ul,
*.genericContent ol {
	margin-top: 1em;
}

*.genericContent ul {
	padding-left: 15px;
}

*.genericContent ul li {
	padding-left: 10px;
	background: url(/images/li-background.gif) 0 0.8em no-repeat;
}

*.genericContent ol {
	padding-left: 40px;
	list-style: decimal;
}

/* Start headings */
*.genericContent h1 {
	margin-bottom: 20px;
	font-family:ITCLubalinGraphStdDemi, Tahoma, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#666;
}

*.genericContent h2 {
	margin-bottom: 20px;
	font-family:ITCLubalinGraphStdDemi, Tahoma, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#666;
}

*.genericContent h3 {
	margin-bottom: 10px;
	font-family:ITCLubalinGraphStdDemi, Tahoma, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666;
}

*.genericContent h4 {
	margin-bottom: 10px;
	font-family:ITCLubalinGraphStdDemi, Tahoma, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666;
}

*.genericContent h5 {
	margin-bottom: 10px;
	font-family:ITCLubalinGraphStdDemi, Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
}

*.genericContent h6 {
	margin-bottom: 10px;
	font-family:ITCLubalinGraphStdBook, Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	text-decoration:underline;
}

*.genericContent * + h1,
*.genericContent * + h2,
*.genericContent * + h3,
*.genericContent * + h4,
*.genericContent * + h5,
*.genericContent * + h6 {
	margin-top: 1em;
}

*.genericContent h1 + *,
*.genericContent h2 + *,
*.genericContent h3 + *,
*.genericContent h4 + *,
*.genericContent h5 + *,
*.genericContent h6 + * {
	margin-top: 0;
}

h1.h1PageTitle {
	margin-bottom: 20px;
	font-family:ITCLubalinGraphStdDemi, Tahoma, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#666;
}

* html h1.h1PageTitle,
*+html h1.h1PageTitle {
	padding-bottom:6px;
}

h2.h2PageTitle {
	margin-bottom: 20px;
	font-family:ITCLubalinGraphStdDemi, Tahoma, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666;
}

h3.h3PageTitle {
	margin-bottom: 10px;
	font-family:ITCLubalinGraphStdDemi, Tahoma, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666;
}

/* End headings */

*.genericContent img[align="left"] {
	margin: 4px 10px 0 0;
}

*.genericContent img[align="right"] {
	margin: 4px 0 0 10px;
}

*.genericContent *:first-child {
	margin-top: 0;
}

*.genericContent *:empty {
	display: none;
}

/*
 * End generic content
 */

 
 
 
 
 
/*
 * Begin main containers
 */
 
/* LOGIN */
div.loginBox {
	width:540px;
	margin:110px auto 0 auto;
}

div.loginBox div.header {
	width:100%;
	height:109px;
	margin-bottom:1px;
	background:url(/images/bg_loginHeader.png) 0 0 no-repeat;
}
*+html div.loginBox div.header {
	background:url(/images/bg_loginHeader_ie6.png) 0 0 no-repeat;
}

div.loginBox div.formContainer {
	padding:30px;
	background:#010101;
	color:#fff;
}

div.loginBox div.loginFormRow {
	/*position:relative;*/
	width:450px;
	height:40px;
}

div.loginBox label {
	width:110px;
	color:#fff;
	font-size:16px;
}

div.loginBox input.loginInput {
	/*position:absolute;
	right:0;*/
	float:right;
	width:310px;
	line-height:30px;
	height:30px;
	padding:0 10px;
	border:none;
	background:url(/images/login_inputfield.png) 0 0 no-repeat;
}

div.loginBox input.loginButton,
div.loginBox input.sentButton {
	/*position:absolute;
	right:0;*/
	float:right;
	width:119px;
	height:30px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;	
}

div.loginBox div.wwOnthouden {
	/*position:absolute;
	left:120px;	*/
	margin-left:120px;
}
div.loginBox div.wwOnthouden label {
	display:block;
	width:170px;
	padding-left:55px;
	padding-top:4px;
	color:#999999;
	font-size:14px;
	margin-left:-25px;
	cursor:pointer;
}

div.loginBox div.FailureText {
	padding-left:120px;
	color:#f00;
}

div.loginBox input.loginButton {
	background:url(/images/button_login_inloggen.png) 0 0 no-repeat;
}
div.loginBox input.sentButton {
	background:url(/images/button_login_verzenden.png) 0 0 no-repeat;
}

div.loginRecovery dt {
	width:auto;
	margin:45px 0 0 120px;
}
div.loginRecovery dt span {
	padding-right:15px;
	background:url(/images/login_dlDown.png) right 5px no-repeat;
	cursor:pointer;
}
div.loginRecovery dt.active span {
	padding-right:15px;
	background:url(/images/login_dlUp.png) right 7px no-repeat;
}


div.loginRecovery dd div.introTxt {
	margin:0 0 10px 120px;
	color:#999;
}

div.ValidationContainer {
	margin-left:120px;
}



div.containerMain {
	position:relative;
	margin: 0 auto 0 auto;
	width: 960px;
	min-height: 0;
}

* html div.containerMain {
	height: 0;
}

div.headerContainer {
	position:relative;
	height:110px;
}

a.logo {
	position:absolute;
	top:11px;
	display:block;
	width:163px;
	height:30px;
	background:url(/Images/logo.png) 0 0 no-repeat;
}
* html a.logo {
	background:url(/Images/logo_ie6.png) 0 0 no-repeat;
}

div.outerContentBox {
	width:930;
	height:480px;
	padding:14px;
	border:1px solid #ccc;
	background:#f9f9f9;
	margin-bottom:11px;
}

/* SEARCHBOX */
div.searchBoxContainer {
	position:absolute;
	left:180px;
	top:25px;
}

div.searchInputContainer {
	width:329px;	
	height:30px;
	background:url(/images/bg_searchInput.png) 0 0 no-repeat;
}
* html div.searchInputContainer {
	background:url(/images/bg_searchInput_ie6.png) 0 0 no-repeat;
}

div.searchInputContainer input {
	width:255px;
	height:20px;
	margin-top:5px;
	padding-left:9px;
	border:none;
	/*border-right:1px solid #8c8c8c;*/
	background:none;
}

div.searchInputContainer .selectDropDown {
	border:none;
	background:none;
	display:none;
}

div.searchButtonContainer {
	width:90px;
}

div.searchBoxContainer input.searchButton {
	width:90px;
	height:30px;
	border:none;
	color:#fff;
	background:url(/images/button_search.png) 0 0 no-repeat;
	cursor:pointer;
}
* html div.searchBoxContainer input.searchButton {
	background:url(/images/button_search_ie6.png) 0 0 no-repeat;
}

div.searchboxErrorContainer {
	padding-left:9px;
	margin-bottom:4px;
}

div.searchboxErrorContainer span.searchboxError {
	color:#fff;
	font-size:12px;
}
	


/* PROFILE MENU */
div.headerContainer ul.profileMenu {
	position:absolute;
	top:20px;
	right:0;
}

div.headerContainer ul.profileMenu1 {
	opacity: 0.7;
}

div.headerContainer ul.profileMenu2 {
	top:40px;
}

div.headerContainer ul.profileMenu li {
	float:left;
	padding:0 10px;	
	color:#fff;
	font-size:12px;
}

div.headerContainer ul.profileMenu li + li {
	background:url(/images/divider_profilemenu.png) left 5px no-repeat;
}

div.headerContainer ul.profileMenu li a {
	color:#fff;
	text-decoration:none;
}

div.headerContainer ul.profileMenu li a:hover {
	text-decoration:underline;
}

div.headerContainer ul.profileMenu li.lnkProfile a {
	padding-right:20px;
	background:url(/images/icon_profile.png) right 2px no-repeat;	
}
* html div.headerContainer ul.profileMenu li.lnkProfile a {
	background:url(/images/icon_profile_ie6.png) right 2px no-repeat;	
}

div.headerContainer ul.profileMenu li.close {
}

div.headerContainer ul.profileMenu li.close a {
	text-decoration: none;
}

div.headerContainer ul.profileMenu li.close a:hover span.text {
	text-decoration: underline;
}

div.headerContainer ul.profileMenu li.close span.icon {
	color: #999999;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}



/* TAB NAVIGATION */
div.tabNavigation {
	position:absolute;
	bottom:0;	
}

div.tabNavigation ul li {
	float:left;
	width:150px;
	height:30px;
	margin-right:5px;
	font-family:ITCLubalinGraphStdBook, Tahoma, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-shadow: 1px 1px 1px #666;
	position:relative;
}

div.tabNavigation ul li a {
	display:block;
	width:140px;
	height:25px;
	padding:5px 0 0 10px;
	background:url(/images/bg_tab.png) 0 0 no-repeat;
	color:#fff;
	text-decoration:none;
}
* html div.tabNavigation ul li a {
	background:url(/images/bg_tab_ie6.png) 0 0 no-repeat;
}
* html div.tabNavigation ul li a span {
	color:#fff;
}

div.tabNavigation ul li.active a {
	background:url(/images/bg_tab_active.png) 0 0 no-repeat;
	color:#333;
}
* html div.tabNavigation ul li.active a {
	background:url(/images/bg_tab_active_ie6.png) 0 0 no-repeat;
}
* html div.tabNavigation ul li.active a span {
	color:#333;
}

div.tabNavigation li .count {
	position:absolute;
	top:-11px;
	right:-3px;
	height:25px;
	padding-right:14px;
	background:url(/images/count-icon-right.png) top right no-repeat;
	color:#fff;
	font:bold 14px/20px Tahoma, Arial, sans-serif;
}
* html div.tabNavigation li .count {
	right:0;
	width:22px;
	height:22px;
	padding-right:10px;
	background:url(/images/count-icon-right-ie6.png) top right no-repeat;
}

div.tabNavigation li .count span {
	display:block;
	height:25px;
	padding-left:9px;
	text-align:right;
	background:url(/images/count-icon-left.png) top left no-repeat;
}
* html div.tabNavigation li .count span {
	height:22px;
	background:url(/images/count-icon-left-ie6.png) top left no-repeat;
}

div.organizationName {
	left:0;
	bottom:auto;
	top:37px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
}



/* CONTENT HEADER TABS */
div.contentHeader {
	height:29px;
	border-bottom:1px solid #999;
	margin-bottom:20px;
}

div.contentHeader h1.h1PageTitle {
	margin-bottom:8px;
}
* html div.contentHeader h1.h1PageTitle {
	line-height:29px;
}

div.contentHeader ul.tabs li {
	float:left;
}

div.contentHeader ul.tabs li a {
	float:left;
	width:163px;
	height:27px;
	margin-bottom:-1px;
	margin-right:5px;
	padding-left:12px;
	padding-top:3px;
	font-size:14px;
	text-decoration:none;	
	background:url("/images/button_contentHeader.png") 0 0 no-repeat;
}
div.contentHeader ul.tabs li.active a {
	background:url("/images/button_contentHeaderActive.png") 0 0 no-repeat;
}



/* SUBMENU */
div.subMenuContainer {
	width:170px;
	margin-right:10px;
}

/* CHANGE PASSWORD */
div.changePasswordForm label.settingsLabel {
	width:180px;
}

/* LIST */
div.mainList {
	border: 1px solid #ccc;
	height: 478px;
	overflow-y: auto;
	overflow-x: hidden;
}

th.rgHeader a {
	padding-right:10px;
	text-decoration:none;
}

th.rgSorted a {
	background:url(/Images/sortedArrow.png) right 8px no-repeat;
}

div.mainList table.rgMasterTable {
	background:#f9f9f9;
	margin-left:1px;
}

div.mainList table.rgMasterTable tbody tr td {
	padding:6px;
}

div.mainList table.rgMasterTable tbody tr {
	color:#666;
}

div.mainList table.rgMasterTable tbody tr.rgHoveredRow {
	color:#333;
	background:#eee;
}

div.listHeader {
	height: auto;
	margin-bottom:0;
	overflow: hidden;
	border-bottom:1px solid #e1e1e1;
	background:#f9f9f9;
}

div.listHeader + div.mainList {
	border-top:none;
}

div.listHeader table {
	width: 100%;
}

div.listHeader th {
	min-height:28px;
	height:auto !important;
	height:28px;
	padding: 6px !important;
	overflow-x: hidden;
	font-weight:bold;
}

div.listHeader th input {
	display: none;
}

div.mapViewLarge {
	border: 1px solid #ccc;
	height: 478px;
}

div.mapViewLarge div.map {
	height: 100%;
}

/*
 * NEW ALERTS
 */

dl.newAlert dt {
	position:relative;
	height:40px;
	border-top:1px solid #ccc;
}
dl.newAlert dt.first {
	border-top:none;
}

dl.newAlert dd {
	padding:4px 0 10px 45px;
	min-height:0;
}

dl.newAlert dt span.headerNumber {
	position:absolute;
	top:5px;
	width:30px;
	height:30px;
	font-size:18px;
	text-align:center;
	line-height:25px;
	color:#fff;
	background:url(/images/headerNumberCircle.png) 0 0 no-repeat;
}
dl.newAlert dt.active span.headerNumber {
	background:url(/images/headerNumberCircleActive.png) 0 0 no-repeat;
}

dl.newAlert dt span.header {
	position:absolute;
	left:45px;
	top:8px;
	padding-bottom:5px;
	font-family:ITCLubalinGraphStdDemi, Tahoma, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#999;
}

dl.newAlert dt.active span.header {
	color:#666;
}

dl.newAlert dt span.selected {
	position:absolute;
	color:#999;
	right:0;
	top:5px;
	font-weight: normal;
	padding-top:4px;
}

dd.step3 div.boxRow {
	min-height:0;
}

* html dd.step3 div.boxRow,
*+html dd.step3 div.boxRow {
	height:auto;
}

/* new alerts step 1 */
dl.newAlert dd.step1 ul.municipalities li {
	margin-bottom:10px;
	float:left;
	display:inline;
	clear:both;
}

/* new alerts step 2 */
dl.newAlert dd.step2 div.mapContainer {
	position: relative;
	border: 1px solid #ccc;
	width: 358px;
	height: 328px;
	overflow: hidden;
}

dl.newAlert dd.step2 div.mapContainer input.clearMap {
	position: absolute;
	z-index: 1000;
	bottom: 10px;
	right: 10px;
}

dl.newAlert dd.step2 div.mapContainer div.map {
	width: 100%;
	height: 100%;
}

dl.newAlert dd.step2 div.mapContainer {
	margin-right:30px;	
}

dl.newAlert dd.step2 div.locationFormContainer {
	width:495px;
}

dl.newAlert dd.step2 div.locationFormContainer div.tag_markerType {
	margin-bottom:20px;
}

dl.newAlert dd.step2 div.locationFormContainer div.radioMarkerType {
	display:none;
}

dl.newAlert dd.step2 div.locationFormContainer div.markerInputContainer {
	margin-bottom:26px;
	min-height:0;
}
* html dl.newAlert dd.step2 div.locationFormContainer div.markerInputContainer,
*+html dl.newAlert dd.step2 div.locationFormContainer div.markerInputContainer {
	height:auto;
}

dl.newAlert dd.step2 div.locationFormContainer div.markerInputContainer input.buttonBevestigMarker {
	margin-bottom:8px;
}


dl.newAlert dd.step2 div.locationFormContainer div.tag_markerInput span {
	display:block;
	margin-bottom:8px;
}

dl.newAlert dd.step2 div.locationFormContainer div.markerInputContainer label {
	display:block;
	color:#000;
	margin-bottom:5px;
}

/* new alerts step 3 */
dl.newAlert dd.step3 div.gegevensFormLeft {
	width:420px;
	margin-right:60px;
}

dl.newAlert dd.step3 div.gegevensFormRight {
	width:405px;
}

dl.newAlert dd.step3 div.gegevensForm label {
	display:inline-block;
	width:155px;
	float:left;
}

dl.newAlert dd.step3 table.radioButtonList
{
    float:right;
}

dl.newAlert dd.step3 table.radioButtonList label
{
    width:40px;
}

div.formcontainer .boxRow,
div.gegevensFormLeft .boxRow,
div.gegevensFormRight .boxRow,
div.additionPopupLeft div.boxRow
{
    margin-bottom:5px;
}

div.gegevensFormRight .boxRow .rowBoxLabel
{
    padding-bottom:10px;
    display:inline-block;
}


/* STATUS & QUICK ACCESS */
/* status */
div.mainList table.rgMasterTable tbody tr td.first div.itemStatus {
	text-indent:-9999px;
	width:27px;
	height:27px;
	margin-left:11px;
	background:url(/images/list_statusIcon_empty.png) 0 0 no-repeat;
}
* html div.mainList table.rgMasterTable tbody tr td.first div.itemStatus {
	background:url(/images/list_statusIcon_empty_ie6.png) 0 0 no-repeat;
}

div.mainList table.rgMasterTable tbody tr.Accepted td.first div.itemStatus,
div.mainList table.rgMasterTable tbody tr.Invoiced td.first div.itemStatus,
div.mainList table.rgMasterTable tbody tr.Approved td.first div.itemStatus {
	background:url(/images/list_statusIcon_approve.png) 0 0 no-repeat;	
}
* html div.mainList table.rgMasterTable tbody tr.Accepted td.first div.itemStatus,
* html div.mainList table.rgMasterTable tbody tr.Invoiced td.first div.itemStatus,
* html div.mainList table.rgMasterTable tbody tr.Approved td.first div.itemStatus {
	background:url(/images/list_statusIcon_approve_ie6.png) 0 0 no-repeat;	
}

div.mainList table.rgMasterTable tbody tr.AcceptedPartially td.first div.itemStatus,
div.mainList table.rgMasterTable tbody tr.PartiallyApproved td.first div.itemStatus {
	background:url(/images/list_statusIcon_partApprove.png) 0 0 no-repeat;	
}
* html div.mainList table.rgMasterTable tbody tr.AcceptedPartially td.first div.itemStatus,
* html div.mainList table.rgMasterTable tbody tr.PartiallyApproved td.first div.itemStatus {
	background:url(/images/list_statusIcon_partApprove_ie6.png) 0 0 no-repeat;	
}

div.mainList table.rgMasterTable tbody tr.Declined td.first div.itemStatus,
div.mainList table.rgMasterTable tbody tr.Rejected td.first div.itemStatus {
	background:url(/images/list_statusIcon_deny.png) 0 0 no-repeat;	
}
* html div.mainList table.rgMasterTable tbody tr.Declined td.first div.itemStatus,
* html div.mainList table.rgMasterTable tbody tr.Rejected td.first div.itemStatus {
	background:url(/images/list_statusIcon_deny_ie6.png) 0 0 no-repeat;	
}

/* quick access */
div.mainList div.setState {
	position:absolute;
	margin: -34px 0 0 0;
	width:165px;
	height:42px;
	z-index:10;
	background:url(/images/list_quickAccessBox.png) 0 0 no-repeat;
}

div.mainList div.setState input {
	border:none;
	display:block;
	float:left;
	width:27px;
	height:27px;
	margin-left:11px;
	margin-top:3px;
	text-indent:-9999px;
	cursor:pointer;
}

div.mainList div.setState input.unselect,
div.mainList div.setState input.hide {
	background:url(/images/list_statusIcon_close.png) 0 0 no-repeat;
}
* html div.mainList div.setState input.unselect,
* html div.mainList div.setState input.hide {
	background:url(/images/list_statusIcon_close_ie6.png) 0 0 no-repeat;
}

div.mainList div.setState input.disabled {
	display:none;
}

div.mainList div.setState input.accept,
div.mainList div.setState input.approve {
	background:url(/images/list_statusIcon_approve.png) 0 0 no-repeat;
}
* html div.mainList div.setState input.accept,
* html div.mainList div.setState input.approve {
	background:url(/images/list_statusIcon_approve_ie6.png) 0 0 no-repeat;
}
div.mainList div.setState input.partApprove {
	background:url(/images/list_statusIcon_partApprove.png) 0 0 no-repeat;
}
div.mainList div.setState input.partAccept {
	background:url(/images/list_statusIcon_partApprove.png) 0 0 no-repeat;
}

* html div.mainList div.setState input.partApprove {
	background:url(/images/list_statusIcon_partApprove_ie6.png) 0 0 no-repeat;
}
div.mainList div.setState input.decline,
div.mainList div.setState input.deny {
	background:url(/images/list_statusIcon_deny.png) 0 0 no-repeat;
}
* html div.mainList div.setState input.decline,
* html div.mainList div.setState input.deny {
	background:url(/images/list_statusIcon_deny_ie6.png) 0 0 no-repeat;
}

/* END STATUS & QUICK ACCESS */



div.map {
	background: #F2EFE9;
}

div.mapContainer {
	margin-bottom:11px;
}

div.mapContainer div.mapFullContent {
	border: 1px solid #ccc;
	height: 478px;
}

div.mapContainerSummary div.mapFullContent {
	width: 599px;
}

div.mapContainer iframe.details {
	position: absolute;
	z-index: 100;
	right: 1px;
	margin-top: 1px;
	width: 0;
	height: 478px;
	border-left: 1px solid #ccc;
	background: #F9F9F9;
}

div.mapContainerSummary iframe.details {
	margin-top: 0;
	border: 1px solid #ccc;
	width: 358px;
}



/* ALERT DETAILS */
div.detailBox {
	min-height:0;
	padding:10px 19px;
	background:#f9f9f9;
}
* html div.detailBox {
	height:0;
}

div.detailBox h2 {
	font-family:ITCLubalinGraphStdDemi, Tahoma, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333;
}

div.detailBox div.buttonBlock {
	
}

div.detailBox div.buttonBlock div.summary input.styledButton {
	margin-right:10px;
}

div.detailBox div.detailSummaryBox {
	width:320px;
}

div.detailBox div.detailSummaryBox div.boxRow {
	width:320px;
	padding:5px 0;
	border-bottom:1px solid #ccc;
}

div.detailBox div.detailExtendedBox {
	padding-left:40px;
}

div.detailBox div.detailExtendedBox div.boxRow {
	width:100%;
	padding:5px 0;
	border-bottom:none;
	line-height:20px;
}

div.detailBox div.detailExtendedBox dt.empty {
	color:#ccc;
	cursor:default;
}

div.detailBox dl.detailExtended dd.dataVerkeershinder textarea,
div.detailBox div.detailExtendedBox dd.dataOpmerkingen textarea {
	float: left;
	display:block;
	width:455px;
	height:70px;
}

div.detailBox div.detailExtendedBox dd input.edit {
	width:17px;
	height:17px;
	border:0;
	background:none;
	cursor:pointer;
	background:url(/images/edit.png) center bottom no-repeat;	
}

div.detailBox dl.detailExtended dd.dataVerkeershinder *.styledButton,
div.detailBox div.detailExtendedBox dd.dataOpmerkingen *.styledButton {
	margin-top: 32px;
	margin-left: 6px;
}

div.detailBox dl.detailExtended dd.dataVerkeershinder div.remarklist,
div.detailBox div.detailExtendedBox dd.dataOpmerkingen div.remarklist {
	clear: both;
}

div.detailBox div.detailExtendedBox dd.dataOpmerkingen p.meta {
	margin-bottom: 0.3em;
}

div.detailBox div.detailExtendedBox dd.dataOpmerkingen p.meta small {
	font-size: 0.9em;
}

div.detailBox div.detailSummaryBox div.firstBoxRow {
	min-height:0;
	border-bottom:0;
	color:#999;
}

div.detailBox span.rowBoxLabel {
	display:inline-block;
	width:110px;
	color:#999;
	font-size:14px;
}
div.detailBox div.detailExtendedBox span.rowBoxLabel {
	color:#666;
}
div.detailBox  div.detailExtendedBox div.dropDownRow span.rowBoxLabel,
div.detailBox  div.detailExtendedBox dd.dataUitvoering span.rowBoxLabel {
	display: block;
    float: left;
    line-height: 36px;
    width: 150px;
}

div.detailBox  div.detailExtendedBox div.dropDownRow span.rowBoxLabel {
	width:110px;
}

div.detailBox div.alertDates {
	min-height:0;
	margin-top:13px;
	background:url(/images/bg_line_boxRow.png) 0 30px repeat-x;
}
* html div.detailBox div.alertDates {
	height:0;
}
div.detailBox div.alertDates span.rowBoxLabel {
	display:block;
	width:105px;
}

div.detailBox div.alertDates span.dateLabel {
	display:block;
	margin-top:6px;
}

div.detailBox dl.detailExtended {
	width:560px;
	margin-bottom:10px;
}

div.detailBox dl.detailExtended dt {
	border-bottom:1px solid #cccccc;
	padding:8px 0;
	font-family:ITCLubalinGraphStdBook, Tahoma, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666;
}

div.detailBox dl.detailExtended dt span.materialCost {
	font:normal 16px Tahoma, Arial, sans-serif;
}

div.detailBox dl.detailExtended dd {
	position:relative;
	max-height:160px;
	border-bottom:1px solid #cccccc;
	overflow: hidden;
	overflow-y: auto;
}

div.detailBox dl.detailExtended div.activityType span.rowBoxLabel {
	float:left;
}

div.detailBox dl.detailExtended span.actualArea {
	display:inline-block;
	width:210px;
	height:28px;
	background:url(/images/bg_detailOppervlakte.png) 0 0 no-repeat;
	padding-left:10px;
}

div.detailBox dl.detailExtended span.RadInput_workflow input.styledInput {
	float:none;	
}

div.detailBox dl.detailExtended span.actualDate1 {
	display:inline-block;
	width:40px;
	height:27px;
	background:url(/images/bg_detailDate1.png) 0 0 no-repeat;
	text-align:center;
}
div.detailBox dl.detailExtended span.actualDate2 {
	display:inline-block;
	width:70px;
	height:27px;
	background:url(/images/bg_detailDate2.png) 0 0 no-repeat;
	text-align:center;
}

div.detailBox dl.detailExtended span.actualArea,
div.detailBox dl.detailExtended span.actualDate1,
div.detailBox dl.detailExtended span.actualDate2 {
	padding-top:7px;
	font-size:18px;
	color:#666;	
	margin-right:4px;
}

div.detailBox div.detailsContainer {
	margin-bottom:41px;
}

div.detailBox dl.detailExtended div.iconCalendar {
	width:38px;
	height:35px;
	margin-top:-1px;
	margin-left:12px;
	background:url(/images/icon_calendar.png) 0 0 no-repeat;	
}

div.detailBox table.materialTable {
	border:1px solid #ccc;
	border-collapse:collapse;
	width:100%;
	margin:10px 0;
}

div.detailBox table.materialTable th,
div.detailBox table.materialTable td {
	border:1px solid #ccc;
	padding:4px;
}

div.detailBox table.materialTable th {
	background:#efefef;
}

div.materialsList table {
	width:100%;
	margin:12px 0 10px;
	border:1px solid #ccc;
	border-collapse:collapse;
	color:#666;
	background:#f9f9f9;
}

div.materialsList table th {
	background:#fcfcfc;	
}

div.materialsList table th,
div.materialsList table td {
	height:29px;
	padding:0 9px;
	border-bottom:1px solid #ccc;
}

div.materialsList table td.btn {
	width:12px;
	padding:0 4px;
}

div.materialsList table input.edit,
div.materialsList table input.delete {
	width:12px;
	height:12px;
	border:0;
	background:none;
	cursor:pointer;
}

div.materialsList table input.delete {
	background:url(/images/del.png) center center no-repeat;	
}

div.materialsList table input.edit {
	background:url(/images/edit.png) center center no-repeat;	
}

div.materialEditBoxes {
	float:left;
	width:275px;
}

div.materialEditBoxes span.rowBoxLabel {
	float:left;
	width:90px;
	height:36px;
	line-height:36px;
}

div.materialsList .styledButton,
div.materialEdit .styledButton {
	margin:0 10px 10px 0;
}

div.materialEdit div.materialEditCheckBoxes {
	float:right;
	width:195px;
}

div.detailBox dl.detailExtended dd.dataVerkeershinder span.checkBoxLabel label,
div.materialEditCheckBoxes span.checkBoxLabel label {
	width:195px;
	height:25px;
	padding:4px 0 0 0;
    background: url("/images/list_statusIcon_empty.png") top right no-repeat;
    color:#666;
}

div.detailBox dl.detailExtended dd.dataVerkeershinder span.checkBoxOn label,
div.materialEditCheckBoxes span.checkBoxOn label {
    background: url("/images/list_statusIcon_approve.png") top right no-repeat;
}

div.detailBox dl.detailExtended dd.dataVerkeershinder span.checkBoxLabel label {
	float:left;
	width:auto;
	padding-right:36px;
}

div.progress {
	height:20px;
	margin-top:5px;
	padding-left:20px;
	background:url(/images/ajax-loader.gif) top left no-repeat;	
}

/* END ALERT DETAILS */

/* REVIEW BOX */
div.review {
	position: relative;
	z-index: 50;
}

div.reviewActive span {
	cursor: pointer;
}

div.review div.choices {
	position: absolute;
	bottom:-10px;
	left:-11px;
	width:342px;
}
* html div.review div.choices {
	top:-160px;
	bottom:auto;
}

div.buttonBlock span.reviewStatus {
	background:url(/images/button_reviewBlank.png) 0 0 no-repeat;	
}

div.buttonBlock span.rejected {
	background:url(/images/button_reviewRejected.png) 0 0 no-repeat;	
}

div.buttonBlock span.partiallyApproved {
	background:url(/images/button_reviewPartApproved.png) 0 0 no-repeat;	
}

div.buttonBlock span.approved {
	background:url(/images/button_reviewApproved.png) 0 0 no-repeat;	
}

div.review div.choicesBoxTop {
	padding:10px 11px 0 11px;
	background:url(/images/bg_choicesBoxTop.png) 0 0 no-repeat;
}

div.review div.choicesBoxFooter {
	height:10px;
	background:url(/images/bg_choicesBoxFooter.png) 0 0 no-repeat;
}

div.review div.choices input {
	width:320px;
	height:40px;
	margin-bottom:10px;
	font-size:18px;
	font-family:ITCLubalinGraphStdDemi, Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
}

div.buttonBlock span.reviewStatus {
	display:block;
	width:320px;
	height:30px;
	padding-top:10px;
	margin-bottom:10px;
	font-size:18px;
	font-family:ITCLubalinGraphStdDemi, Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#333;
}
* html div.buttonBlock span.reviewStatus,
*+html div.buttonBlock span.reviewStatus{

}

div.review div.choices input.styledButton {
	background:url(/images/button_reviewCancel.png) 0 0 no-repeat;
}

div.review div.choices input.reviewRejected {
	background:url(/images/button_reviewRejected.png) 0 0 no-repeat;
}

div.review div.choices input.reviewPartApproved {
	background:url(/images/button_reviewPartApproved.png) 0 0 no-repeat;
}

div.review div.choices input.reviewApproved {
	background:url(/images/button_reviewApproved.png) 0 0 no-repeat;
}

div.review div.choices input.reviewCancel {
	margin-bottom:0;
	color:#999;
	background:url(/images/button_reviewCancel.png) 0 0 no-repeat;
}

div.review div.choices input.reviewExecuted {
	background:url(/images/button_reviewCancel.png) 0 0 no-repeat;
}

div.review div.choices input.disabled {
	cursor:default;
	color:#999;
	background:url(/images/button_reviewCancel.png) 0 0 no-repeat;
}

div.opslaanEnVerzenden .styledButton {
	margin-right:10px;
}

/* END REVIEW BOX */

/* ADDITION IN DIV-POPUP */
div.additionPopup {
	min-height:0;
}
* html div.additionPopup,
*+html div.additionPopup {
	height:auto;
}

div.additionPopup label {
	display:inline-block;
	float:left;
}

div.additionPopup label.labelStart,
div.additionPopup label.labelGereed,
div.additionPopup label.labelUitvoerder {
	width:65px;
}

div.additionPopup div.boxRowUitvoerder div.styledDropdownContainer {
	width:220px;
}

div.additionPopup label.longLabel {
	width:auto;
}

div.additionPopup label.labelReject {
	padding:6px 0 0 30px;
	background:url(/images/list_statusIcon_deny.png) top left no-repeat;	
}

div.additionPopup div.styledDropdownContainer {
	/*float:right;*/
}

div.additionPopup div.labelPartApprove {
	padding:6px 0 0 30px;
	background:url(/images/list_statusIcon_partApprove.png) top left no-repeat;	
}

div.additionPopup div.innerHeader,
div.additionPopup label.labelTextarea {
	margin-bottom:15px;
}

div.additionPopup div.boxRow {
	min-height:0;
	margin-bottom:6px;
}
* html div.additionPopup div.boxRow,
*+html div.additionPopup div.boxRow {
	height:auto;
}

div.additionPopup div.boxRowGereed {
	margin-bottom:17px;
}

div.additionPopup div.boxRowUitvoerder {
	margin-bottom:22px;
}

div.additionPopup textarea {
	width:290px;
	height:160px;
	margin-bottom:10px;
}

div.additionPopup textarea.wide {
	width:496px;
}

div.additionRejectPopup textarea {
	width:820px;
	height:255px;
	margin-bottom:10px;
}

div.additionPopupLeft {
	width:290px;
}

div.additionPopupLeft span.radioButton{
	padding-right:10px;
	margin-left:5px;
}

div.additionPopupRight {
	width:500px;
}

div.additionPopup div.buttonContainer {
	display:inline-block;
	float:right;
	width:auto;
	min-height:0;
}
* html div.additionPopup div.buttonContainer,
*+html div.additionPopup div.buttonContainer {
	height:auto;
}

div.additionPopup div.buttonContainer .styledButton {
	float:left;
	margin-left:13px;
}

div.additionPopup div.errorContainer {
	margin-top:11px;
	color:#d84242;
}

dl.js_accordion dt {
	cursor: pointer;
}

/* NEW MATERIAL EXECUTED */
/*
div.inProgressExcForm div.additionPopupLeft {
	width:320px;	
}

div.inProgressExcForm div.additionPopupRight {
	width:490px;	
}

div.inProgressExcForm div.additionPopupRight textarea {
	width:460px;	
	height:130px;
}

div.inProgressExcForm label {
	display:inline-block;
	width:80px;
	float:left;
}

div.inProgressExcForm div.newlineLabel {
	margin-bottom:5px;
}

div.materialsRadgrid div.RadGrid_Default {
	border:1px solid #cccccc;	
}

table.rgMasterTable tr th.rgHeader {
	background:none;
}

.RadGrid_Default .rgCommandCell {
	border:none !important;
}

table.rgMasterTable tr th.rgHeader {
	border:none;
}
*/
/* END NEW MATERIAL EXECUTED */

/* Styling of filterpanel */
div.filterPanel {
	display: none;
}

div.filterOptions
{
	background:#f9f9f9;
	border:1px solid #ccc;
	padding:20px;
	overflow-y:auto;
	height:450px;
}

div.filterContainer div.filterCheckboxes
{
    float:left;
    width:600px;
    margin-bottom:20px;
    overflow:visible;
}

div.filterContainer div.datefilters
{
    float:right;
    width:300px;
    overflow:visible;
}

div.filterContainer div.datefilters div.styledDropdownContainer {
	width:220px;
	float:right;
}

div.filterContainer div.checkboxContainer
{
    width:190px;
}

div.filterContainer .rowBoxLabel
{
    display:block;
    font:normal 20px/24px ITCLubalinGraphStdBook, Arial, Helvetica, sans-serif;
    color:#999;
    margin-bottom:20px;
}

div.filterContainer span.radioButton
{
    margin-bottom:10px;
}

div.filterContainer span.radioButton label
{
    padding:0 20px 0 30px;
    background-position: left center;
    height:auto;
}

div.filterContainer div.datefilters span.radioButton
{
    clear:both;
}

div.filterContainer div.datefilters label
{
    float:left;
    padding-top:6px;
    padding-bottom:6px;
    width:30px;
}

*+html div.filterContainer div.datefilters label
{
    margin-top:12px;
}

* html div.filterContainer div.RadPicker_workflow {
	float:right;
	display:inline;	
}

div.filterContainer div.filterOptions
{
    margin-bottom:10px;
}

.updEraseFilter {
	display:none;
}

/* SETTINGS */
.styledInput 
{
    padding:6px 9px;
    height:23px;
    border:0;
    font:normal 16px/20px Tahoma, Arial, sans-serif;
    color:#666;
    display:inline-block;
    float:left;
}

.styledInput.required
{
    color:#ccc;
}

.styledInput635 
{
    background:url(/images/bg_styledInput635.png) top right no-repeat;
    width:617px;
}

.styledInput564 
{
    background:url(/images/bg_styledInput564.png) top right no-repeat;
    width:546px;
}

.styledInput345 
{
    background:url(/images/bg_styledInput345.png) top right no-repeat;
    width:327px;
}

.styledInput120 
{
    background:url(/images/bg_styledInput120.png) top right no-repeat;
    width:102px;
}

.styledInput180 
{
    background:url(/images/bg_styledInput180.png) top right no-repeat;
    width:162px;
}

.styledInput450ok 
{
	width:432px;
    background:url(/images/bg_inputOk450.png) top right no-repeat;
    background-attachment:fixed;
}

.styledInputM2, 
.RadInput_workflowArea input.riTextBox {
	width:170px !important;
    padding:6px 41px 6px 9px !important;
    background:url(/images/bg_styledInputM2.png) top right no-repeat;
    border:0 !important;
}

label.settingsLabel, 
span.settingsLabel 
{
    width:111px;
    display:inline-block;
    float:left;
    clear:left;
    padding:6px 0;
    margin-top:5px;
    font:normal 14px/18px Tahoma, Arial, sans-serif;
    color:#333;
}

span.radioButton.radioButtonSettings label 
{
    color:#333;
    margin-bottom:11px;
}

.valMessage
{
    clear:both;
    display:block;
}

div.toonBevestiging {
	display:none;	
}

/*
Styling for SELECT-element replacement module (workflow.form.select)
*/
select.hiddenDropdown 
{
    display:none;
}

div.styledDropdownContainer
{
    position:relative;
    display:inline-block;
    min-height:35px;
    height:auto !important;
    height:35px;
    z-index:99;
}

div.styledDropdownContainer.hover
{
    z-index:999
}

ul.styledDropdown 
{
    border:0;
    min-height:35px;
    height:auto !important;
    height:35px;
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
    z-index:99;
}

ul.styledDropdown160
{
    background:url(/images/bg_styledDropdown160.png) top left no-repeat #f9f9f9;
    width:160px;
}

ul.styledDropdown220 {
    background:url(/images/bg_styledDropdown220.png) top left no-repeat #f9f9f9;
    width:220px;
}

ul.styledDropdown li
{
    display:none;
    cursor:pointer;
    padding:6px 9px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}

ul.styledDropdown.hover
{
    border-bottom:1px solid #ccc;
}

ul.styledDropdown.hover li.highlight
{
    background:#ddd;
}

ul.styledDropdown.hover li.selected.hover,
ul.styledDropdown:hover li.selected:hover
{
    background:none;
}

ul.styledDropdown.hover li.active,
ul.styledDropdown:hover li.active
{
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}

ul.styledDropdown li.selected
{
    border:0;
    white-space:nowrap;
    overflow:hidden;
    margin-right:26px;
}

ul.styledDropdown.hover li,
ul.styledDropdown li.selected
{
    display:block;
}

/* Telerik RadGrid component styling */
.RadGrid 
{
    margin-bottom:11px;
}

.RadGrid table
{
    /*border:1px solid #ccc;*/
    background:#f9f9f9;
}

.RadGrid table thead 
{
}

.RadGrid table th
{
    color:#333;
}

.RadGrid table tbody 
{
    margin: 0 auto;
}

.RadGrid table tr
{
    height:auto; /* IE7 TR/TD height fix */
}

.RadGrid table th,
.RadGrid table td
{
    padding:0 16px;
}

.RadGrid table th
{
    vertical-align:top;
}

.RadGrid table td
{
    vertical-align:middle;
    border-bottom:1px solid #E1E1E1;
}

.RadGrid table tr.rgHoveredRow td
{
    background:#eee;
    cursor:pointer;
}

.settingsform .RadGrid table {
    border:1px solid #ccc;
}

.settingsform .RadGrid table th {
	font-weight:bold;
	vertical-align:middle;
}

.settingsform .RadGrid table th,
.settingsform .RadGrid table td
{
    height:41px;
    border-bottom:1px solid #ccc;
}

/* Settings > Network Operator Details screen */

div.postalcode 
{
    float:left;
    width:300px;
}

div.city 
{
    float:right;
    padding-left:20px;
    margin-right:2px;
}

div.city .settingsLabel 
{
    width:55px;
}

/* Setting > Main layout of menu and form area */
div.settingsHeader
{
    padding:35px 11px 11px;
    border-bottom:1px solid #999;
    margin-bottom:20px;
}

div.settingsHeader h2.settingsTitle
{
	font-family:ITCLubalinGraphStdDemi, Tahoma, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#ccc;
	margin:0;
	padding-bottom:5px;
}

div.menu,
div.settingsform
{
    float:left;
}

div.menu
{
    width:170px;
    margin-right:20px;
}

div.menu ul li
{
    border-bottom:1px solid #ccc;
}

div.menu ul li a
{
    font:normal 14px/18px Tahoma, Arial, sans-serif;
    text-decoration:none;
    display:block;
    padding:11px;
}

div.menu ul li a:hover
{
    text-decoration:underline;
}

div.settingsform
{
    position:relative;
    width:770px;
}

div.settingsform h2.settingsTitle
{
	font-family:ITCLubalinGraphStdDemi, Tahoma, Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:28px;
	position:absolute;
	top:-61px;
	left:0;
}

div.settingsform div.formcontainer
{
    border:1px solid #ccc;
    background:#f9f9f9;
    padding:11px;
    margin-bottom:11px;
    min-height:0;
}

div.formcontainer div.buttons 
{
    float:right;
}

/* FOOTER BUTTONS */
div.footerButtonContainer {
	margin-bottom:20px;
	min-height:0;
}

div.footerButtonContainer .styledButton {
	margin-right:13px;
}

div.footerButtonContainer div.filterButton {
	float:right;
}

div.footerButtonContainer input.filter {
	height:42px;
	padding:0 30px 0 8px;
	margin-left:13px;
	border:0;
	background:url(/images/radiobuttonOff.png) center right no-repeat;
	cursor:pointer;
}
* html div.footerButtonContainer input.filter {
	background:url(/images/radiobuttonOff_ie6.png) center right no-repeat;
}

div.footerButtonContainer input.filterActive {
	background:url(/images/radiobuttonOn.png) center right no-repeat;
}
* html div.footerButtonContainer input.filterActive {
	background:url(/images/radiobuttonOn_ie6.png) center right no-repeat;
}

div.footerButtonContainer div.invoiceBtns {
	clear:both;
	overflow:hidden;
	padding-top:10px;
}

/*
 * End main containers
 */






/*
 * Start div popup
 */

div.divPopupBackground {
    display: none;
    position: fixed;
    z-index: 49;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.75;
    background: #ffffff;
}
* html div.divPopupBackground {
    position: absolute;
}

div.divPopupWindow {
    display: none;
    position: absolute;
    z-index: 100;
    top: 10%;
    left: 50%;
    width: 500px;
    height: 400px;
    margin: 0 0 0 -250px;
    font-size: 12px;
    background:url(/Images/bg_divPopupWindow.png) 0 0 no-repeat;
}
* html div.divPopupWindow {
    background:url(/Images/bg_divPopupWindow.png) 0 0 no-repeat;
}

div.popupContentFooter {
	height:10px;
	background:url(/Images/bg_divPopupWindowFooter.png) 0 0 no-repeat;
}
* html div.popupContentFooter {
	height:10px;
	background:url(/Images/bg_divPopupWindowFooter_ie6.png) 0 0 no-repeat;
}

div.innerDivPopupWindow {
    height:100%;
}

div.popupContent {
	padding:20px;
}

div.divPopupWindow div.close {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 2px;
    opacity: 0.9;
    padding: 10px;
    color: #000;
    font-weight: bold;
    background: #fff;
}
div.divPopupWindow div.close:hover {
    opacity: 1;
}

div.divPopupWindow div.divPopupWindowFooter {
    margin: 20px -20px -20px;
    padding-top: 2px;
    height: 2em;
    line-height: 2em;
    background: #DFE0E0;
}



div.divPopupWindowMovie {
	margin-left: -460px;
    width: 900px;
    height: auto;
    background: #000;
}

div.divPopupWindowMovie div.close {
	position: absolute;
	font-size: 14px;
	line-height: 14px;
	top: -34px;
    right: 0;
	width: 14px;
	color: #fff !important;
	text-align: center;
	background: #000;
}



div.divFrameWindow {
	margin-left: -431px;
	width: 864px;
	height: 450px;
}

div.divFrameWindow iframe {
	width: 100%;
	height: 410px;
}

div.divFrameWindow div.close {
	display: none;
}

/*
 * End div popup
 */





/*
 * Begin form
 */
/* radiobuttons */
ul.radioButtonList li {
	height:auto;
	margin-bottom:10px;
	padding:0;
}

ul.radioButtonListHorizontal li {
	float:left;
	margin-right:22px;
}

ul.radioButtonListHorizontal li.lastItem {
	margin-right:0;
}

span.radioButton {
	display: block;
	clear:both;
}

span.radioButton input {
	position:absolute;
	left:-9999px;
}

span.radioButton label {
	display:block;
	color:#666;
	width:auto;
	height:20px;
	padding-left:25px;
	background:url(/images/radiobuttonOff.png) 0 0 no-repeat;
}
* html span.radioButton label {
	background:url(/images/radiobuttonOff_ie6.png) 0 0 no-repeat;
}

span.radioOn label,
li.active span.radioButton label {
	background:url(/images/radiobuttonOn.png) 0 0 no-repeat;
}
* html span.radioOn label,
* html li.active span.radioButton label {
	background:url(/images/radiobuttonOn_ie6.png) 0 0 no-repeat;
}

/* date select */
table.rcTable td.rcInputCell {
	padding:0 !important;
}
table.rcTable td.rcInputCell input {
	width:162px !important;
	height:35px;
	background:url(/images/bg_styledInput180.png) 0 0 no-repeat;
    padding:6px 9px;
    margin-right:2px;
    height:23px;
    border:0;
    font:normal 16px/20px Tahoma, Arial, sans-serif;
    color:#666;
}

table.rcTable td a.rcCalPopup,
table.rcTable td a.rcCalPopup:link,
table.rcTable td a.rcCalPopup:hover,
table.rcTable td a.rcCalPopup:active,
table.rcTable td a.rcCalPopup:visited {
	display:block;
	text-indent:-9999px;
	width:38px;
	height:35px;
	margin:0;
	background:url(/images/icon_calendar.png) 0 0 no-repeat;
	outline:0;
}

table.RadCalendar_workflow {
	width:370px;
	height:410px;
	background: url(/images/calendar/bg_calendarPopup.png) 0 0 no-repeat;
	text-align:center;
}

table.RadCalendar_workflow td {
	vertical-align:top;	
}

table.RadCalendar_workflow .rcWeek th {
	text-align:center;
	padding:3px 0 15px;
}

table.RadCalendar_workflow table {
	width:100%;
}

table.RadCalendar_workflow a {
	text-decoration:none;
	color:#333;
}

table.RadCalendar_workflow .rcTitlebar,
table.RadCalendar_workflow .rcMain {
	padding: 10px 13px 0 9px;
}

table.RadCalendar_workflow .rcViewSel,
table.RadCalendar_workflow .rcMain tbody th {
	display:none;
}

table.RadCalendar_workflow .rcTitlebar .rcTitle {
	font: normal 24px/28px ITCLubalinGraphStdBook, Arial, Helvetica, sans-serif;
	color:#333;
	padding-top:7px;
}

table.RadCalendar_workflow .rcTitlebar .rcFastPrev,
table.RadCalendar_workflow .rcTitlebar .rcFastNext {
	display:none;	
}

table.RadCalendar_workflow .rcTitlebar .rcPrev,
table.RadCalendar_workflow .rcTitlebar .rcNext {
	display:block;
	width:40px;
	height:40px;
	text-indent:-9999px;
	outline:0;
}

table.RadCalendar_workflow .rcTitlebar .rcPrev {
	float:left;
	background:url(/images/calendar/bg_rcPrev.png) center center no-repeat;
}

table.RadCalendar_workflow .rcTitlebar .rcNext {
	float:right;	
	background:url(/images/calendar/bg_rcNext.png) center center no-repeat;
}

table.RadCalendar_workflow .rcMain tbody td.rcOutOfRange span,
table.RadCalendar_workflow .rcMain tbody td a {
	display:block;
	width:50px;
	height:35px;
	padding-top:15px;
	vertical-align:middle;
	background:url(/images/calendar/bg_dateSelectable.png) center center no-repeat;
	font-size:16px;
}

table.RadCalendar_workflow .rcMain tbody td.rcOutOfRange span,
table.RadCalendar_workflow .rcMain tbody td.rcOtherMonth a {
	background:url(/images/calendar/bg_dateOtherMonth.png) center center no-repeat;
	color:#bababa;
}

table.RadCalendar_workflow .rcMain tbody td.rcSelected a,
table.RadCalendar_workflow .rcMain tbody td.rcHover a {
	background:url(/images/calendar/bg_dateSelected.png) center center no-repeat;
}

.RadCalendarMonthView_workflow {
	border:1px solid #ccc;
	background:#efefef;
}

.RadCalendarMonthView_workflow td {
	padding:3px;
}

.RadCalendarMonthView_workflow a {
	text-decoration:none;
}

.RadCalendarMonthView_workflow a:hover {
	text-decoration:underline;
}

div.overlay {
	display:none;
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:url(/images/bg_transparent.png) ;
	z-index:4999;
}

/*
 * End form
 */






/*
 * Begin general
 */

div.safeBox {
	min-height: 1em;
}
* html div.safeBox {
	height: 1em;
}

ul.semantic li {
	padding: 0;
	background: none
}

*.displayNone {
	display: none;
}

*.floatLeft {
	float: left;
}

*.floatRight {
	float: right;
}

*.clear {
	width: 100%;
	height: 0;
	overflow: hidden;
	clear: both;
}

*.map {
	display: block;
	overflow: hidden;
	background-color: #EFEBE2;
}

label {
	cursor:pointer;
}

/* STYLED BUTTONS */
.styledButton {
	display:block;
	float:left;
	height:40px;
	font-size:14px;
	color:#333;
	text-align:center;
	text-decoration:none;
	border:none;
	cursor:pointer;
}

.styledButton.disabled {
    color:#aaa;
    cursor:default;
}

span.styledButton {
	margin-bottom:20px;
	line-height:40px;
}
.styledButton75 {
	width:75px;
	background:url(/images/button_width75.png) 0 0 no-repeat;
}
* html .styledButton75 {
	background:url(/images/button_width75_ie6.png) 0 0 no-repeat;
}

.styledButton150 {
	width:150px;
	background:url(/images/button_width150.png) 0 0 no-repeat;
}
* html .styledButton150 {
	background:url(/images/button_width150_ie6.png) 0 0 no-repeat;
}

.styledButton200 {
	width:200px;
	background:url(/images/button_width200.png) 0 0 no-repeat;
}
* html .styledButton200 {
	background:url(/images/button_width200_ie6.png) 0 0 no-repeat;
}

.styledButton320 {
	width:320px;
	background:url(/images/button_width320.png) 0 0 no-repeat;
}
* html .styledButton320 {
	background:url(/images/button_width320_ie6.png) 0 0 no-repeat;
}

.inputSideButton {
	width:45px;
	height:35px;
	margin-right:0;
	color:#fff;
	background:url(/images/input_SideButton.png) 0 0 no-repeat;
}

.styledButton.Terug {
	width:150px;
	background:url(/images/button_back_width150.png) 0 0 no-repeat;
}

.styledButton.Details {
	float:left;
	width:150px;
	background:url(/images/button_showDetails_width150.png) 0 0 no-repeat;
	display:inline;
}

/*div.buttons .styledButton
{
	float:left;
	margin-right:11px;
}*/

div.buttons.floatRight .styledButton
{
	margin-right:0;
	margin-left:11px;
}

/* END STYLED BUTTONS */

/* PAGER */
div.listPager {
	overflow:hidden;
	float:left;
}

div.listPager ul li {
	float:left;
}

div.listPager a {
	display:block;
	float:left;
	width:72px;
	height:30px;
	margin-right:10px;
	padding-top:10px;
	background:url(/Images/button_pager.png) 0 0 no-repeat;
	text-align:center;
	text-decoration:none;
}

div.content {
	background:none;
}
/* END PAGER */


/* SKIP LIST BUTTONS */
input.btnPrev,
input.btnNext {
	width:40px;
	height:40px;
	border:0;
	cursor:pointer;
}

input.btnPrev {
	background:url(/Images/button_listitemPrev.png) 0 0 no-repeat;	
}

input.btnNext {
	background:url(/Images/button_listitemNext.png) 0 0 no-repeat;
}
/* END SKIP LIST BUTTONS */


/* FORM ELEMENTS */
.iconButton {
	border:none;
	background:none;
	cursor:pointer;
	margin-left:13px;
}

.buttonExportExcel {
	height:32px;
	padding:0px 0 0 30px;
	margin-top:5px;
	background:url(/images/icon_excel.png) 0 0 no-repeat;
}

.buttonPrint {
	height:32px;
	padding:0px 0 0 30px;
	margin-top:5px;
	background:url(/images/icon_print.png) 0 0 no-repeat;
}

span.checkBoxLabel input {
	position:absolute;
	left:-9999px;
}

div.loginFormRow span.checkBoxLabel {
	display:block;
	width:25px;
	height:25px;
	background:url(/images/login_checkbox.png) 0 0 no-repeat;
	cursor:pointer;
}

div.loginFormRow span.checkBoxLabel.checkBoxOn {
	background:url(/images/login_checkbox_checked.png) 0 0 no-repeat;
}

span.checkBoxLabel label {
	display:block;
	width:auto;
	height:25px;
	padding-left:24px;
	background:url(/images/radiobuttonOff.png) 0 0 no-repeat;
	cursor:pointer;
}
* html span.checkBoxLabel label {
	background:url(/images/radiobuttonOff_ie6.png) 0 0 no-repeat;
}

span.checkBoxLabel.checkBoxOn label {
	background:url(/images/radiobuttonOn.png) 0 0 no-repeat;
}
* html span.checkBoxLabel.checkBoxOn label {
	background:url(/images/radiobuttonOn_ie6.png) 0 0 no-repeat;
}

div.loginFormRow span.checkBoxLabel label {
	background:none;
}

span.checkBoxLabel.disabled {
	cursor:auto;
}

span.checkBoxLabel.disabled * {
	cursor:auto;
}

div#password-strength,
div#password-strength * {
	line-height: 1em;
}

span.password-strength-bar {
	width: auto !important;
	color: #000;
	font-size: 12px;
	background: none !important;
	display:block;
	clear:both;
}

.errorMessage {
	color:#c00;
}



/* Begin styling Create Net Operator and Create Municipality pages */
div.createuser {
	padding:0 20px;
}

div.createuser h1 {
	font-family:ITCLubalinGraphStdDemi, Tahoma, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#fff;
	margin:40px 0 60px;
}

div.createuser h2 {
	font-family:ITCLubalinGraphStdDemi, Tahoma, Arial, Helvetica, sans-serif;
	font-size:20px;
	margin-bottom:5px;
}

div.createuser div.createCol {
	float:left;
	width:49%;
	overflow:hidden;
	margin-bottom:10px;
}

div.createuser div.createCol div.boxRow {
	clear:both;
	overflow:hidden;
	margin-bottom:5px;
}

div.createuser div.createCol span.settingsLabel {
	width:140px;
}

div.createuser div.createCol span.required {
	padding:5px;
	float:left;
}



/*
 * End general
 */






/*
 * Begin page
 */
body.Loginpage {
	background:#191919 url(/images/bg_loginpage.png) 0 0 repeat-x;
}

body.inFrame {
}

body.inFrame div.containerMain {
	width:auto;
}

/*
 * End page
 */






/*
 * Begin CMS
 */

/* EXAMPLE:
div.theWrapper div.containerMain {
	
}*/



div.RadWindow ul.rwControlButtons li {
	background: none !important;
}



.cms_feedback {
	padding: 10px;
}

.cms_feedback li {
	background: none;
}

.cms_warning {
	color: #f00;
	font-weight: bold;
}

/*
 * End CMS
 */






/*
 * Begin hack
 */
div.footerButtonContainer:after,
dd.step3 div.boxRow:after, 
div.additionPopup div.buttonContainer:after, 
div.additionPopup:after,
div.additionPopup div.boxRow:after, 
div.formcontainer:after,
dl.newAlert dd div.locationFormContainer div.markerInputContainer:after, 
dl.newAlert dt:after, 
div.detailBox div.detailSummaryBox div.firstBoxRow:after, 
dl.newAlert dd:after, 
div.contentHeader:after, 
div.detailBox div.alertDates:after,
div.detailBox:after,
*.defaultFormHolder:after,
div.containerMain:after,
div.safeBox:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}

/*
 * End hack
 */






/*
 * Begin development
 */



/*
 * End development
 */






/*
 * Begin print
 */

@media print {

	ul {
		padding: 0 0 0 20px;
	}

	ul li {
		padding: 0;
		list-style: disc;
		background: none;
	}	

}

/*
 * End print
 */
